<template>
      <div class="xia" style="background-image: url(./img/beijing_01.jpg);">
          <div><router-link to="/zixun"><img src="img/35.jpg" alt=""><div>资讯</div></router-link></div>
          <div><router-link to="/dongtai/guangchang"><img src="img/38.jpg" alt=""><div>动态</div></router-link></div>
          <div><router-link to="/liaotian/xiaoxi"><img src="img/41.jpg" alt=""><div>聊天</div></router-link></div>
          <div><router-link to="/wode"><img src="img/44.jpg" alt=""><div>我的</div></router-link></div>
      </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .xia>div>a>img{
        width: .3rem;
    }
    .xia{
        background-repeat: no-repeat;
        background-size: 100%;
        padding: .04rem 0rem;
    }
    .xia>div>a{
        display: block;
    }
</style>